<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片标签</title>
</head>
<body>
  <!-- src引入图片文件 相对路径 引入的本地文件 -->
  <!-- 图片和html在统一目录下 可以直接写图片名 -->
  <!-- 图片在html的上一级目录 通过 ../返回上一级目录 -->
  <!-- 图片在html的下一级目录 通过 文件夹名/图片名 -->
  <!-- alt属性 当图片无法显示的时候, 显示的文字 -->
  <!-- title属性 鼠标悬停时显示的内容 -->
  <!-- width设置图片的高度 单位(1:像素值 内容是一个数字 2:百分比 针对父标签的属性值的百分比) -->
  <img src="image/1.png" alt="帅哥图片 卡通动画" title="帅哥图片" width="50%"><br>
  <!-- 绝对路径 引入其他网站的图片 -->
  <img src="https://img2.baidu.com/it/u=2689058099,445719095&fm=253&fmt=auto&app=138&f=JPEG?w=615&h=500" height="250px">
</body>
</html>